<!--
行内样式操作：
    element.style.[属性名]=[属性值];
    element.style.cssText=[姓名+属性值];
-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 1.内敛样式 -->
    <div style="font-size: 10px;">哈哈哈</div>

</body>

<script>
    // 点击文字变大
    let div=document.querySelector("div");
    div.onclick=function(){
        console.log(div.style);     // 打印所有的样式
        
        // 1.这种写法只能影响内联样式，而不能影响在 css 文件中写的样式
        let size=parseInt(div.style.fontSize)+10;
        div.style.fontSize=size+"px";

    }
</script>

</html>